{include file="public/_meta" title="配置列表"/}
<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页
	<span class="c-gray en">&gt;</span>
	系统管理
	<span class="c-gray en">&gt;</span>
	配置列表
	<a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a>
</nav>
<div class="page-container">
	<div class="text-c">
		<form action="" method="get">
			<input type="text" name="keywords" placeholder="请输入配置中文名称、英文名称" style="width:250px" class="input-text">
			<button name="" class="btn btn-success" type="submit"><i class="Hui-iconfont">&#xe665;</i> 搜索</button>
		</form>
	</div>
	<div class="cl pd-5 bg-1 bk-gray mt-20">
		<span class="l">
		<a href="javascript:;" onclick="dataDel()" class="btn btn-danger radius"><i class="Hui-iconfont">&#xe6e2;</i> 批量删除</a>
		<a class="btn btn-primary radius" onclick="add_config('添加配置','{:url(\'system/add_config\')}','','400')" href="javascript:;"><i class="Hui-iconfont">&#xe600;</i> 添加配置</a>
		</span>
		<span class="r">共有数据：<strong>{$count}</strong> 条</span>
	</div>
	<div class="mt-20">
		<table class="table table-border table-bordered table-hover table-bg table-sort">
			<thead>
				<tr class="text-c">
					<th width="25"><input type="checkbox" name="" value=""></th>
					<th width="80">ID</th>
					<th>中文名称</th>
					<th>英文名称</th>
					<th>默认值</th>
					<th>选中值</th>
					<th width="70">配置类型</th>
					<th width="70">配置分类</th>
					<th width="70">操作</th>
				</tr>
			</thead>
			<tbody>
			{volist name="list" id="vo"}
				<tr class="text-c">
					<td><input type="checkbox" name="id[]" value=""></td>
					<td>{$vo.id}</td>
					<td>{$vo.ch_name}</td>
					<td>{$vo.en_name}</td>
					<td>{$vo.default_value}</td>
					<td>{$vo.optional_value}</td>
					<td>{$vo.config_type}</td>
					<td>{$vo.config_category}</td>
					<td class="f-14"><a title="编辑" href="javascript:;" onclick="edit_config('配置编辑','{:url(\'system/edit_config\')}?id={$vo.id}','{$vo.id}','800','400')" style="text-decoration:none"><i class="Hui-iconfont">&#xe6df;</i></a>
						<a title="删除" href="javascript:;" onclick="del_config(this,'{$vo.id}')" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe6e2;</i></a></td>
				</tr>
			{/volist}
			</tbody>
		</table>
	</div>
</div>
<!--_footer 作为公共模版分离出去-->
{include file="public/_footer" /}
<!--/_footer 作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->

<script type="text/javascript">
$('.table-sort').dataTable({
	//"aaSorting": [[ 1, "desc" ]],//默认第几个排序
	//"bStateSave": true,//状态保存
	"aoColumnDefs": [
	  //{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
	  {"orderable":false,"aTargets":[0,8]}// 制定列不参与排序
	]
});
/*添加-配置*/
function add_config(title,url,w,h){
	layer_show(title,url,w,h);
}
/*配置-编辑*/
function edit_config(title,url,id,w,h){
	layer_show(title,url,w,h);
}
/*配置-删除*/
function del_config(obj,id){
	layer.confirm('确认要删除吗？',function(index){
		$.ajax({
			type: 'get',
			url: "{:url('system/del_config')}",
			dataType: 'json',
			data: {id:id},
			success: function(msg){
				if(msg.status == true){
					$(obj).parents("tr").remove();
					layer.msg(msg.message,{icon:6,time:1000});
				}else if(msg.status == false){
					layer.msg(msg.message,{icon:5,time:1000});
				}else{
					layer.msg(data,{icon:5,time:2000});
				}
			},
			error:function(data) {
				console.log(data.msg);
			},
		});
	});
}

//批量删除
function dataDel(){
    layer.confirm('确认要删除吗？',function(index){
        var config_id =[];

        $('input[name="id[]"]:checked').each(function(){
            config_id.push($(this).val());
        });

        if(config_id.length == false){
            layer.msg('请勾选要删除的记录',{icon:2,time:2000});return;
        }

        $.ajax({
            type: 'post',
            url: "{:url('system/batch_del_config')}",
            dataType: 'json',
            data: {id:config_id},
            success: function(msg){
                if(msg.status == true){
                    layer.msg(msg.message,{icon:6,time:1000});
                    setTimeout(jump,1000);
                    function jump(){
                        window.location.replace(location.href);
                    }
                }else if(msg.status == false){
                    layer.msg(msg.message,{icon:5,time:1000});
                }else{
                    layer.msg(msg.message,{icon:5,time:1000});
                }
            }
        });
    });
}
</script>
